<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

</head>
<body>
 <div>
        <ul>
            <li class="city">北京</li>
            <li class="city">
                <a href="">上海</a>
            </li>
            <li class="city">天津</li>
            <li class="city">天津</li>
            <li class="city">天津</li>
            <li class="city">天津</li>
            <li class="city">天津</li>
        </ul>

</div>
</body>
<script src="jquery.3.4.1.js"></script>
<script>
    //第一个 找到含有a标签的li标签
    //给上面的li标签做隔行换色
    // var li_lst = document.getElementsByTagName('li')
    // for(var i =0;i<li_lst.length;i++){
    //     lst = li_lst[i].getElementsByTagName('a')
    //     if(lst.length>0){
    //         console.log(li_lst[i])
    //     }
    // }

    // console.log($('li').has('a'))


    //隔行换色
    // var li_lst = document.getElementsByTagName('li')
    // for(var i in li_lst){
    //     if(i%2===0){
    //         li_lst[i].style.backgroundColor = 'lightblue'
    //     }else{
    //         li_lst[i].style.backgroundColor = 'lightyellow'
    //     }
    // }

    // $('li:odd').css('background-color','lightblue')
    // $('li:even').css('background-color','lightyellow')

</script>



</html>













